<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>展示源码</title>
    <a href="./颜色和背景首页.html">首页</a>

    <body>
</body>
</head>

<style>
      * {
        margin: 0;
        padding: 0;
        text-decoration: none;
        list-style: none;
    }
    .c-1 {
        border: 15px red dashed;
        padding: 10px;
        margin: 10px;
        width: 210px;
        height: 90px;
        color: #8b7c29;
        background-color: #70fed6;
        padding: 10px;

    }

    .c-2 {
        border: 15px red dashed;
        padding: 10px;
        margin: 10px;
        width: 210px;
        height: 90px;
        color: rgb(113, 142, 39);
        padding: 10px;

    }
</style>

<body>
    <div class="c-1">
        <p>测试有名颜色</p>
    </div>
    <div class="c-2">
        <p>测试rgb颜色</p>
    </div>
<hr>
这是关键源码
<pre>
    * {
      margin: 0;
      padding: 0;
      text-decoration: none;
      list-style: none;
  }
  .c-1 {
      border: 15px red dashed;
      padding: 10px;
      margin: 10px;
      width: 210px;
      height: 90px;
      color: #8b7c29;
      background-color: #70fed6;
      padding: 10px;

  }

  .c-2 {
      border: 15px red dashed;
      padding: 10px;
      margin: 10px;
      width: 210px;
      height: 90px;
      color: rgb(113, 142, 39);
      padding: 10px;

  }
</pre>

</body>
</html>